<?php if (!defined('THINK_PATH')) exit();?>
<!doctype html>
<html  lang="zh-CN" prefix="og: http://ogp.me/ns#">
<head>
<title>科技轻体验</title>


    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    
    <meta charset="UTF-8" />
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">


      <link href='/blog/Public/Home/style/style.css' rel='stylesheet' type='text/css'>
      <link rel="stylesheet" type="text/css" href="/blog/Public/Home/style/font.css">
      <script type="text/javascript" src="/blog/Public/Home/style/jquery-1.11.3.min.js"></script>



  
           


		<style type="text/css">
			img.wp-smiley,
			img.emoji {
				display: inline !important;
				border: none !important;
				box-shadow: none !important;
				height: 1em !important;
				width: 1em !important;
				margin: 0 .07em !important;
				vertical-align: -0.1em !important;
				background: none !important;
				padding: 0 !important;
			}
		</style>
   
</head>

<body class="p-blog zh">
<!-- Desktop Header -->
<!-- 导航啦开始 -->
    <header>
        <div class="header">
            <div class="logo">
                <div class="title">
                    <a href="#">
                        <img src="/blog/Uploads/logo/logo.png" title="Tech Logo" width="126" height="45" />
                        <img src="/blog/Uploads/logo/logo2.png" title="Tech Logo" width="126" height="45" />
                        <!-- <h1>科技轻体验</h1> -->
                    </a>
                        <br/>
                        <span style="color: white">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;分享智慧生活新玩法</span>
                </div>
            </div>
            <nav class="navbar" role="navigation">
                <ul class="nav">
                    <?php if(is_array($navers)): $i = 0; $__LIST__ = $navers;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><!-- <li><a class="active" href="#">最新文章</a></li> -->
                    <!-- 数据库里标题id必须与此处的eq后的值相对应 -->
                    <!-- class="active"实现样式：点击标题栏后，进入相应的页面，提示相应的标题栏颜色与其他颜色不一样为当前栏目 -->
                    <li><a href="/blog/index.php/Home/<?php if($vo['cate_id'] == 1): ?>First<?php elseif($vo['cate_id'] == 2): ?>Article<?php elseif($vo['cate_id'] == 3): ?>About<?php endif; ?>/index"<?php if($cateids['cate_id'] == $vo['cate_id']): ?>class="active"<?php endif; ?>><?php echo ($vo["cate_name"]); ?></a></li>
                    <!-- ${遍历id名.表名_属性名} -->
                    <!-- <li><a href="#">公司新闻</a></li> --><?php endforeach; endif; else: echo "" ;endif; ?>                
                </ul>
            </nav>
        </div>
    </header>


    <!-- 悬浮导航栏，页面下拉当导航栏消失的时候，自动悬浮出来 -->
    <!-- <div class="anchor-bar">
        <ul>
            <li class="active"><a href="#">最新文章</a></li>
            <li><a href="#">产品相关</a></li>
            <li><a href="#">公司新闻</a></li>            
            <li>
               <a class="download" data-ga="download|anchor-bar|ts|" href="#">免费下载</a>
            </li>
        </ul>
    </div> -->



<!-- 导航栏结束 -->




<div class="body">
<div class="wrapper cls">
    <div class="main" style="width: 1000px">
        <div class="list">
          <ul>
            <li>
	          	<h1 class="title"><a href="#" ><?php echo ($abouts["ab_title"]); ?></a></h1>
      				<div class="info"><span><?php echo (date("Y-m-d",$abouts["time"])); ?></span><span>科技轻体验</span></div>
        			<!-- 文章内容 -->
              <?php echo htmlspecialchars_decode($abouts['ab_content']);?>
              <!-- 数据库上传的文章带HTML排版的代码，去除代码显示内容的方法 -->


              <!-- 文章内容 -->
          	</li>
                 
          </ul>
        </div>
    </div>
    <div class="sticky-content-spacer">



      


      
    </div>
    	<div class="clear"></div>
</div>
</div>          

<footer>
    <div class = "footer">
        <div class="row">
                <img src="/blog/Uploads/logo/logo2.png" title="TechTrial Logo" width="126" height="45" />
                <dl>                    
                    <dt>业务</dt>
                        <dd>
                           <a target="_blank" href="#">客机评测</a>
                        </dd>
                        <dd>
                            <a target="_blank" href="#">科普短片</a>
                        </dd>
                        <dd>
                            <a target="_blank" href="#">图文制作</a>
                        </dd>
                </dl>
                <dl>
                    <dt>关于我们</dt>
                        <dd><a href="#">加入我们</a></dd>
                        <dd><a href="#">商务合作</a></dd>
                        <dd><a href="#">关于TechTrial</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">官方微信</a></dt>
                </dl>
                <dl>
                    <dt><a href="#">官方微博</a></dt>
                </dl>
               <!--  <dl>
                    
                </dl> -->
                </div>
                
                <div class="row">
                    <hr/>
                    <a href="http://wpa.qq.com/msgrd?v=3&uin=614112778&site=qq&menu=yes"><img src="/blog/Uploads/logo/logo3.png" title="TechTrial Logo" width="126" height="45" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <span class="copyright">© 2010 - 2018 DGtle.com CC BY-NC-SA 4.0 粤 ICP 备 13000416 号-1</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                </div>
            </div>
        </footer>
    
      
     
        <script>
        $(function($){
            $('[data-ga]').click(function() {
                var e = $(this).attr('data-ga').split('|');
                ga('send', 'event', e[0], e[1], e[2]);
            });


        });

        $(function() {
          'use strict';

          var $window = $(window);

          $window.scroll(checkAnchorBar);

          checkAnchorBar();

          function checkAnchorBar() {
            var $anchorBar = $('.anchor-bar');
            var scrollTop = $window.scrollTop();

            var $anchorStartElem = $('header');
            var attachedClass = 'attached';

            var threshold = $anchorStartElem.offset().top + $anchorStartElem.height();

            if (!$anchorBar.hasClass(attachedClass) && scrollTop >= threshold) {
              $anchorBar.addClass(attachedClass);
            } else if ($anchorBar.hasClass(attachedClass) && scrollTop < threshold) {
              $anchorBar.removeClass(attachedClass);
            }
          }
        });
    </script>
    
    
    <div id="fb-root"></div>

   
    </body>
</html>